<template>
    <div id="app" class="notice">
		<div v-for="address in addressList">
<!--        <div id="body"-->
<!--             style="text-align: center;border: 1px solid black;width: 500px;height: 300px;position: absolute;margin-left: 25%;margin-top: 60px;">-->
<!--            <el-collapse v-model="activeNames" @change="handleChange">-->
<!--                <el-collapse-item title="收货地址1" name="1">-->
                    <input type="text" v-model="address.addressreceiver">
                    <div>电话：<input type="text" v-model="address.telephone"></div>
                    <div>地址：<input type="text"  v-model="address.address"></div>
<!--                </el-collapse-item>-->
<!--            </el-collapse>-->
        </div>
    </div>
</template>

<script>
    export default {
        name: 'app',
        props: ['username'],
        data() {
            return {
				addressList: [{
					addressreceiver: '',
					telephone: "",
					address: "",
                }],
                activeNames: ['1'],
            };
        },
        mounted() {
            var that = this
            this.$axios.post("http://localhost:8088/xiaoxiang/findAllUserAddress")
                .then(function (response) {
                    console.log(response.data.data)
                    console.log(response.data.data.addressList)
                    that.addressList = response.data.data.addressList
                    // eslint-disable-next-line no-unused-vars
                }).catch(function (error) {
            })
        }
    }
</script>

<style>
</style>
